import React from 'react';

const SystemMessage = ({ color }) => (
  <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g id="系统" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="切图" transform="translate(-305.000000, -360.000000)">
        <g id="编组-48" transform="translate(305.000000, 360.000000)">
          <rect id="矩形" fill={color || '#F2B937'} x="0" y="0" width="18" height="18" rx="2" />
          <path d="M9,5.5 C10.2426407,5.5 11.3676407,6.00367966 12.1819805,6.81801948 C12.9963203,7.63235931 13.5,8.75735931 13.5,10 L13.5,10 L13.5,14.5 L4.5,14.5 L4.5,10 C4.5,8.75735931 5.00367966,7.63235931 5.81801948,6.81801948 C6.63235931,6.00367966 7.75735931,5.5 9,5.5 Z" id="矩形" stroke="#1E252F" fill="#1E252F" />
          <path d="M9,6 L9,7 L9,7 C7.34314575,7 6,8.34314575 6,10 L5,10 L5,10 C5,7.790861 6.790861,6 9,6 Z" id="形状结合" fill={color || '#F2B937'} />
          <line x1="2" y1="15.5" x2="16" y2="15.5" id="路径-2" stroke="#1E252F" strokeWidth="1.5" />
          <line x1="9" y1="1" x2="9" y2="4" id="路径-3" stroke="#1E252F" strokeWidth="1.5" />
          <line x1="14.3033009" y1="3.19669914" x2="14.3033009" y2="6.19669914" id="路径-3" stroke="#1E252F" strokeWidth="1.5" transform="translate(14.303301, 4.696699) rotate(45.000000) translate(-14.303301, -4.696699) " />
          <line x1="3.69669914" y1="3.19669914" x2="3.69669914" y2="6.19669914" id="路径-3" stroke="#1E252F" strokeWidth="1.5" transform="translate(3.696699, 4.696699) rotate(315.000000) translate(-3.696699, -4.696699) " />
        </g>
      </g>
    </g>
  </svg>
);

export default SystemMessage;
